﻿/* BODY */
html, body
{
    margin: 0 auto;
    width: 100%;
    
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    background-color: #ffffff;
}
body
{
    font-size: 14px;
    font-family: 'Molengo', Helvetica, sans-serif;
}
/* Fin de [BODY] */

/* HEADER */
#header
{
    /*margin: 0 auto;
    width: 100%;*/
                
    border-bottom: 1px solid black;
    
    padding: 5px;
    background-color: #555;

    -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);            
}
/* Fin de [HEADER] */

img
{
    vertical-align: middle;
    border: 1px solid transparent;
}

input[type="text"],
textarea
{
    /*margin: 4px;
    width: 98%;*/
}
input[type="text"] {
    width: 99%;
    margin: 2px 0px 2px 0px;
}
textarea
{
    width: 99%;
    resize:none;
    font-family: 'Molengo',Helvetica,sans-serif;
}

input[type=checkbox], input[type=radio]
{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type=radio]
{
    bottom: 2px;
}

input[type="file"]
{
    cursor: pointer;
}

select[multiple='multiple']
{
    display: none;
}

.placeholder
{
    color: #aaa;
}

.fullDimension {
    width: 100% !important;
    height: 100% !important;
}

/* RESULTADO */
.warning
{
    background-color: #fcbd57 !important;
    border: 1px solid #e3a644 !important;
    /*color: #ffffff !important;*/
}
.info
{
    background-color: #bec8e8 !important;
    border: 1px solid #a8b6e3 !important;
    color: #ffffff !important;
}
.error
{
    background-color: #f8dbdb !important;
    border: 1px solid #e77776 !important;
    color: #555555 !important;
}
.success
{
    background-color: #61b832 !important;
    border: 1px solid #55a12c !important;
    color: #ffffff !important;
}
/* Fin de [RESULTADO] */

legend
{
    font-size:15px;
    padding:5px;            
}
 .link
{
    font-size: 14px !important;
    /*vertical-align: middle!important;*/
    text-decoration: none !important;
    color: #5c9ccc !important;
}
.link:hover
{
    text-decoration: underline !important;
    cursor: pointer !important;
}

.grid-link
{
    color: #000000 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.grid-link:hover
{
    text-decoration: underline !important;
    font-weight: bold;
}

.grid-link.action
{
    color:#B741F2 !important;
    text-decoration:none !important;
    cursor:pointer;
}
.grid-link.action:hover
{
    text-decoration: underline !important;
    font-weight: normal !important;
}

.disabled
{
    background-color: #E6E6E6;
    border: 1px solid #c4c2c3;
}

/* TABLA */
table.default .table-header-title {
    background-color: #C9C4B3;
    border: 1px solid gray;
    padding: 8px;
}

table.default
{
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
    margin: 10px 0px 10px 0px;
    border-collapse: collapse;
    color: #3f3b36;
    border: 1px solid #e9e7e0;
}
table.default caption
{
    padding-top:0;
    border:none;
    background-color:transparent;
    text-align:center;
}
table caption, table.default th
{
    padding: 8px;
    vertical-align:middle;
    /*
    border:1px solid #e9e7e0;
    background-color:#f9f8f0;
    */
    border: 1px solid #c9c4b3;
    background-color: #e9e7e0;    
    font-size: 14px;
}
table.default td
{
    padding: 4px;
    margin: 0px;
    padding-right: 2px;
    vertical-align:middle;
    border: 1px solid #e9e7e0;
    font-weight:normal;
}
table.default td input[type="text"]
{
    margin: 0px;
    padding: 0px;
    width: 99%;
    height: 100%;
    border: 0px solid transparent;
    text-align: center;
}
.indent
{
    text-indent: 8px;
}
/* Fin de [TABLA] */


.sin-borde
{
    border: 0px solid transparent !important;
}

.txtDescripcion
{
    font-weight: bold;
}

.text-align-left {
    text-align: left;
}
.text-align-center {
    text-align: center;
}

.default .txtValor.deshabilitado:focus {
    border: 1px solid transparent !important;
}
.default .txtValor {
    border: 1px solid transparent;
}
.txtValor
{
    font-size: 1em;
    cursor: pointer;
    border: 1px solid gainsboro;
    text-align: center;
    padding: 2px;
}
.txtValor.left {
    text-align: left !important;
}
.txtValor.center {
    text-align: center !important;
}
.txtValor.right {
    text-align: right !important;
}
.txtValor.deshabilitado
{
    color: #CCC;
    cursor: default;
}
.txtValor.deshabilitado:focus
{
    outline: none;
    background-color: #ffffff !important;
    color: #CCC !important;
}
.txtValor:focus
{
    /*outline: none;*/
    background-color: #1484e6 !important;
    color: #ffffff !important;
    cursor: text;
    border: 1px solid blue !important;
}
.txtValor::selection        /* WebKit/Blink Browsers */
{
    background-color: #ffb7b7 !important;
    color: #ffffff !important;
}
.txtValor::-moz-selection    /* Gecko Browsers */
{
    background-color: #ffb7b7 !important;
    color: #ffffff !important;
}

.grisado
{
    background: url('../Images/grisado.png');
}

/* BOTONES */
.btn
{
    float: left;
    text-decoration: none;
    vertical-align: middle;
    color: #3f3b36;
    /* font-weight: bold; */
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #c9c4b3;                  
}
.btn:hover
{
    cursor: pointer;
    background-color: #5c9ccc;
    border-color: #425DD7;
    color: #fff;
}

.boton, .boton:visited
{
    display: inline-block;

    font-size: 14px;
    font-weight: normal;
    
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;

    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    border: 1px solid #66add6;
    
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    
	background-color: #acd6ef; /*IE fallback*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    
    cursor: pointer;
}
.boton:hover
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}
.boton:active
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
	background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	position:relative;
	top:1px;
}
.redondo.boton
{
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.botonAccion
{
    font-size: 13px;
    font-weight: normal;
        
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
            
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
    background-color: #f9f9f9;
        
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
        
    border:1px solid #9e9e9e;
        
    display: inline-block;
    color: #666666;
    padding: 4px 6px;
    margin: 4px;
    text-decoration:none;
        
    text-shadow: 0px 1px 0px #ffffff;
    
    cursor: pointer;
}
.botonAccion:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
    background-color:#e9e9e9;
}
.botonAccion:active
{
    position:relative;
    top:1px;
}
.botonAccion label, .botonAccion a
{
    text-decoration: none;
    color: #666666;
    vertical-align: middle;
    padding-left: 2px;
    cursor: pointer;
}

.boton label, .boton a,
.botonAccion label, .botonAccion a
.boton a:visited
{

    cursor: pointer;
    text-decoration: none;
}
.botonAccion a:visited
{
    color: #666666;
}

.boton label:hover, .boton a:hover
.botonAccion label:hover, .botonAccion a:hover
{
    cursor: pointer;
    text-decoration: underline;
}


.botonera
{
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;    
}

/* Fin de [BOTONES] */

/* ESTADOS */
.guion-estado.generado
{
    color: #2D65CC;
}
.guion-estado.en-grabacion
{
    color: #872CD1;
}
.guion-estado.finalizado
{
    color: #55A118;
}

.pago-estado.pendiente-de-pago
{
    color: #E05D4F;
}
.pago-estado.pagado
{
    color: #73727D;
}

.tipo-usuario.actor
{
    color: #5838CF;
}
.tipo-usuario.director
{
    color: #CFB006;
}
.tipo-usuario.adaptador
{
    color: #47A80A;
}
.tipo-usuario.traductor
{
    color: #FF8000;
}
.tipo-usuario.mezclador
{
    color: #D627A2;
}
.tipo-usuario.editor
{
    color: #9E131C;
}
.tipo-usuario.operador
{
    color: #139E95;
}
.tipo-usuario.administrador
{
    color: #000000;
}
.tipo-usuario.produccion
{
    color: #195C1E;
}

.categoria-usuario.freelance
{
    color: #36A875;
}
.categoria-usuario.contratado
{
    color: #D1548C;
}

.reclamo.sin-atender
{
    color: red;
}
.reclamo.en-observacion
{
    color: blue;
}
.reclamo.cerrado
{
    color: gray;
}
/* Fin de [ESTADOS] */